<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>SupermarketDemo</title>
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<link
	href="${pageContext.request.contextPath}/static/css/bootstrap.min.css"
	rel="stylesheet">
<link
	href="${pageContext.request.contextPath}/static/css/bootstrap-responsive.min.css"
	rel="stylesheet">
<link
	href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600"
	rel="stylesheet">
<link
	href="${pageContext.request.contextPath}/static/css/font-awesome.css"
	rel="stylesheet">
<link href="${pageContext.request.contextPath}/static/css/style.css"
	rel="stylesheet">
<link
	href="${pageContext.request.contextPath}/static/css/pages/dashboard.css"
	rel="stylesheet">
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
<style>
.col-center-block {
	float: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
</style>
</head>
<body>
	<!-- 头部开始 -->
	<%@include file="/common/head.jsp"%>
	<!-- 头部结束 -->
	<div class="subnavbar">
		<div class="subnavbar-inner">
			<div class="container">
				<ul class="mainnav">
					<li class="active"><a
						href="${pageContext.request.contextPath}/Income"><i
							class="icon-dashboard"></i><span>收入管理</span> </a></li>
					<li><a href="${pageContext.request.contextPath}/deptlist"><i
							class=" icon-group"></i><span>部门管理</span> </a></li>
					<li></li>
				</ul>
			</div>
			<!-- /container -->
		</div>
		<!-- /subnavbar-inner -->
		<br> <a id="add"
			href="${pageContext.request.contextPath}/addIncome.do?method=2"
			class="btn btn-success btn-sm   col-center-block"
			style="height: 25px; width: 100%;">添加</a>

	</div>
	<!-- /subnavbar -->

	<div class="page-content-area">
		<div class="row">
			<div class="col-xs-12">
				<!-- PAGE CONTENT BEGINS -->
				<table id="sample-table-1"
					class="table table-striped table-bordered table-hover text-center">
					<thead>
						<tr>
							<th class="center"><label class="position-relation">

							</label></th>
							<th>id</th>
							<th>部门名字</th>
							<th>交易日期</th>
							<th>最后日期</th>
							<th>每天的收入</th>
							<th></th>
						</tr>
					</thead>
					<tbody>
						<c:forEach items="${incomelist }" var="income">
							<tr>
								<td class="center"><label class="position-relation">
										<input type="checkbox" class="ace"> <span class="lbl"></span>
								</label></td>
								<td>${income.id}</td>
								<td>${income.deptName}</td>
								<td>${income.bussDate}</td>
								<td>${income.lastDate}</td>
								<td>$${income.dailyIncome}</td>

								<td><a id="edit/${income.id}"
									href="${pageContext.request.contextPath}/edit?method=0&id=${income.id}"
									class="btn btn-info btn-xs edit_user">修改</a>&nbsp;</td>
							</tr>

						</c:forEach>
					</tbody>
				</table>
			</div>

			<!-- /.col -->
		</div>
	</div>
	<!-- /.page-content-area -->
	<p></p>
	<div style="float: right; text-align: right;" id="pagination"></div>

	<!-- Le javascript
================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->
	<script
		src="${pageContext.request.contextPath}/static/js/jquery-1.7.2.min.js"></script>
	<script
		src="${pageContext.request.contextPath}/static/js/excanvas.min.js"></script>
	<script src="${pageContext.request.contextPath}/static/js/chart.min.js"
		type="text/javascript"></script>
	<script src="${pageContext.request.contextPath}/static/js/bootstrap.js"></script>
	<script language="javascript" type="text/javascript"
		src="${pageContext.request.contextPath}/static/js/full-calendar/fullcalendar.min.js"></script>

	<script src="${pageContext.request.contextPath}/static/js/base.js"></script>
	<script type="text/javascript"
		src="${pageContext.request.contextPath}/js/jqPaginator.js"></script>

	<script type="text/javascript">
		$
				.jqPaginator(
						'#pagination',
						{
							totalPages : 100,
							visiblePages : 5,
							currentPage : 1,
							wrapper : '<ul class="pagination"></ul>',
							first : '<li class="first"><a href="javascript:void(0);">First</a></li>',
							prev : '<li class="prev"><a href="javascript:void(0);">Previous</a></li>',
							next : '<li class="next"><a href="javascript:void(0);">Next</a></li>',
							last : '<li class="last"><a href="javascript:void(0);">Last</a></li>',
							page : '<li class="page"><a href="${pageContext.request.contextPath}/Income?id={{page}}">{{page}}</a></li>',

						});
	</script>
</body>
</html>
